<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>NeuBoard | Web Application</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="assets/js/plugins/bootstrap/css/bootstrap.min.css">
    <!-- Fonts -->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/simple-line-icons.css">
    <!-- CSS Animate -->
    <link rel="stylesheet" href="assets/css/animate.css">
    <!-- Carousel -->
    <link rel="stylesheet" href="assets/js/plugins/carousel/owl.carousel.css">
    <!-- Custom styles for this theme -->
    <link rel="stylesheet" href="assets/css/main.css">
    <!-- Feature detection -->
    <script src="assets/js/vendor/modernizr-2.6.2.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="assets/js/vendor/html5shiv.js"></script>
    <script src="assets/js/vendor/respond.min.js"></script>
    <![endif]-->
</head>

<body>

    <!-- NAVBAR
    ================================================== -->
    <header class="navbar-wrapper">
        <div class="navbar navbar-default navbar-static-top home-navbar" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!--logo start-->
                    <div class="brand">
                        <a href="index.html" class="logo">
                            <i class="icon-layers"></i>
                            <span>NEU</span>BOARD</a>
                    </div>
                    <!--logo end-->
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav pull-right" id="main-menu">
                        <li><a href="#intro">Home</a>
                        </li>
                        <li><a href="#features">Features</a>
                        </li>
                        <li><a href="#pricing">Pricing</a>
                        </li>
                        <li><a href="#testimonials">Testimonials</a>
                        </li>
                        <li><a href="#team">Team</a>
                        </li>
                        <li><a href="#contact">Contact</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>


    <!-- Intro section
    ================================================== -->
    <section id="intro">
        <div class="overlay-bg">
            <div class="container">
                <div class="hero">
                    <div class="row">
                        <div class="col-xs-6 col-sm-8 col-md-5 col-lg-5 wow pulse">
                            <header>
                                <h1>Making your life easier with complete design solutions.</h1>
                            </header>
                            <ul class="features">
                                <li>Built with Bootstrap</li>
                                <li>HTML/jQuery and AngularJS versions</li>
                                <li>Flexible controllers and directives</li>
                                <li>Charts and graphs</li>
                                <li>LESS and SASS</li>
                                <li>CSS Animations</li>
                                <li>And Much More!</li>
                            </ul>
                        </div>
                        <div class="hidden-xs hidden-sm col-md-7 col-lg-7">
                            <img src="assets/img/laptop.png" class="wow fadeInRight" alt="laptop">
                        </div>
                        <div class="col-xs-6 col-sm-4 hidden-md hidden-lg">
                            <img src="assets/img/mobile.png" class="wow fadeInRight" alt="mobile">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <div class="container">
            <div class="intro-text text-center">
                <header>
                    <h1>Flat & Clean Admin Theme</h1>
                    <div class="spacer"></div>
                    <p class="text-muted">Lorem ipsum dolor sit amet, ut pri munere perfecto sadipscing, nam habeo legere disputationi ea.</p>
                </header>
                <p class="call-to-action">
                    <a class="btn btn-primary btn-lg" href="javascript:void(0)" role="button">Live Preview</a>
                    <a class="btn btn-success btn-lg" href="javascript:void(0)" role="button">Get It Now</a>
                </p>
            </div>
        </div>
    </section>


    <!-- Features Section
    ================================================== -->
    <section id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <header>
                        <h1>START BUILDING YOUR RESPONSIVE WEB APPLICATION</h1>
                        <div class="spacer"></div>
                        <p class="text-muted">Lorem ipsum dolor sit amet, ut pri munere perfecto sadipscing, nam habeo legere disputationi ea.</p>
                    </header>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3 text-center wow fadeInUp">
                    <div class="icon-wrapper">
                        <p class="icon-circle">
                            <i class="icon icon-screen-smartphone"></i>
                        </p>
                    </div>
                    <h3>Fully responsive</h3>
                    <p>Aeterno volumus recusabo vel id, id usu facilisi accusata, in quod inermis rationibus mea.</p>
                </div>
                <div class="col-sm-3 text-center wow fadeInUp">
                    <div class="icon-wrapper">
                        <p class="icon-circle">
                            <i class="icon icon-graph"></i>
                        </p>
                    </div>
                    <h3>Many Charts</h3>
                    <p>Aeterno volumus recusabo vel id, id usu facilisi accusata, in quod inermis rationibus mea.</p>
                </div>
                <div class="col-sm-3 text-center wow fadeInUp">
                    <div class="icon-wrapper">
                        <p class="icon-circle">
                            <i class="icon fa fa-html5"></i>
                        </p>
                    </div>
                    <h3>Static Version</h3>
                    <p>Aeterno volumus recusabo vel id, id usu facilisi accusata, in quod inermis rationibus mea.</p>
                </div>
                <div class="col-sm-3 text-center wow fadeInUp">
                    <div class="icon-wrapper">
                        <p class="icon-circle">
                            <i class="icon fa fa-google"></i>
                        </p>
                    </div>
                    <h3>AngularJS Version</h3>
                    <p>Aeterno volumus recusabo vel id, id usu facilisi accusata, in quod inermis rationibus mea.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing
    ================================================== -->
    <section id="pricing">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <header>
                        <h1>Pricing</h1>
                        <div class="spacer"></div>
                        <p class="text-muted">Lorem ipsum dolor sit amet, id iusto oportere mel. </p>
                    </header>
                </div>
            </div>
            <div class="row">
                <div id="pricePlans">
                    <div class="col-md-3">
                        <ul id="plan1">
                            <li class="plan wow zoomIn">
                                <ul class="planContainer">
                                    <li class="title">
                                        <h2>Plan 1</h2>
                                    </li>
                                    <li class="price">
                                        <p>$10/<span>month</span>
                                        </p>
                                    </li>
                                    <li>
                                        <ul class="options">
                                            <li>1GB <span>Disk Storage</span>
                                            </li>
                                            <li>5GB <span>Bandwidth</span>
                                            </li>
                                            <li>5 <span>E-Mail Accounts</span>
                                            </li>
                                            <li>5 <span>Databases</span>
                                            </li>
                                            <li>3 <span>Subdomains</span>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="button"><a href="#">Purchase</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- End ul#plans -->
                    </div>

                    <div class="col-md-3">
                        <ul id="plan2">
                            <li class="plan wow zoomIn">
                                <ul class="planContainer">
                                    <li class="title">
                                        <h2 class="bestPlanTitle">Plan 2</h2>
                                    </li>
                                    <li class="price">
                                        <p class="bestPlanPrice">$20/month</p>
                                    </li>
                                    <li>
                                        <ul class="options">
                                            <li>3GB <span>Disk Storage</span>
                                            </li>
                                            <li>10GB <span>Bandwidth</span>
                                            </li>
                                            <li>10 <span>E-Mail Accounts</span>
                                            </li>
                                            <li>10 <span>Databases</span>
                                            </li>
                                            <li>6 <span>Subdomains</span>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="button"><a class="bestPlanButton" href="#">Purchase</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- End ul#plans -->
                    </div>

                    <div class="col-md-3">
                        <ul id="plan3">
                            <li class="plan wow zoomIn">
                                <ul class="planContainer">
                                    <li class="title">
                                        <h2>Plan 3</h2>
                                    </li>
                                    <li class="price">
                                        <p>$10/month</p>
                                    </li>
                                    <li>
                                        <ul class="options">
                                            <li>5GB <span>Disk Storage</span>
                                            </li>
                                            <li>20GB <span>Bandwidth</span>
                                            </li>
                                            <li>20 <span>E-Mail Accounts</span>
                                            </li>
                                            <li>20 <span>Databases</span>
                                            </li>
                                            <li>10 <span>Subdomains</span>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="button"><a href="#">Purchase</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- End ul#plans -->
                    </div>

                    <div class="col-md-3">
                        <ul id="plan4">
                            <li class="plan wow zoomIn">
                                <ul class="planContainer">
                                    <li class="title">
                                        <h2>Plan 4</h2>
                                    </li>
                                    <li class="price">
                                        <p>$10/month</p>
                                    </li>
                                    <li>
                                        <ul class="options">
                                            <li>10GB <span>Disk Storage</span>
                                            </li>
                                            <li>40GB <span>Bandwidth</span>
                                            </li>
                                            <li>100 <span>E-Mail Accounts</span>
                                            </li>
                                            <li>50 <span>Databases</span>
                                            </li>
                                            <li>20 <span>Subdomains</span>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="button"><a href="#">Purchase</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- End ul#plans -->
                    </div>

                </div>
            </div>

        </div>

    </section>

    <!-- Testimonials Sections
    ================================================== -->
    <section id="testimonials">
        <div class="inner">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <div id="testimonial-wrapper">

                            <div class="item">
                                <p>"Good design is making something intelligible and memorable. Great design is making something memorable and meaningful."</p>
                                <div class="client-info">
                                    <div class="name">Dieter Rams</div>
                                    <div class="position">Industrial designer</div>
                                </div>
                            </div>
                            <div class="item">
                                <p>"Design is not just what it looks like and feels like. Design is how it works."</p>
                                <div class="client-info">
                                    <div class="name">Steve Jobs</div>
                                    <div class="position">Entrepreneur</div>
                                </div>
                            </div>
                            <div class="item">
                                <p>"Design is the method of putting form and content together. Design, just as art, has multiple definitions; there is no single definition. Design can be art. Design can be aesthetics. Design is so simple, that's why it is so complicated."</p>
                                <div class="client-info">
                                    <div class="name">Paul Rand</div>
                                    <div class="position">Graphic Designer</div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
    </section>

    <!-- Contact
    ================================================== -->
    <section id="team">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <header>
                        <h1>Meet Our Team</h1>
                        <div class="spacer"></div>
                        <p class="text-muted">Lorem ipsum dolor sit amet, id iusto oportere mel. </p>
                    </header>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-lg-3">
                    <div class="team-wrapper wow fadeInRight">
                        <img src="assets/img/team-1.jpg" alt="">
                        <div class="team-info">
                            <h4>Mike Adams
                              <span class="text-muted">CEO, Creative Director</span>
                              </h4>
                            <div class="spacer"></div>
                            <div>
                                <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec rutrum congue leo eget malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. Sed porttitor lectus nibh. Sed porttitor lectus nibh.</p>
                            </div>
                        </div>
                        <ul>
                            <li><a href="javascript:void(0)" class="twitter"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="facebook"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="linkedin"><i class="fa fa-linkedin"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="dribbble"><i class="fa fa-dribbble"></i></a>
                            </li>
                        </ul>

                    </div>
                </div>
                <div class="col-md-3 col-lg-3">
                    <div class="team-wrapper wow fadeInRight">
                        <img src="assets/img/team-2.jpg" alt="">
                        <div class="team-info">
                            <h4>Ashley Bell
                              <span>UI/UX Designer</span>
                              </h4>
                            <div class="spacer"></div>
                            <div>
                                <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec rutrum congue leo eget malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. Sed porttitor lectus nibh. Sed porttitor lectus nibh.</p>
                            </div>
                        </div>
                        <ul>
                            <li><a href="javascript:void(0)" class="twitter"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="facebook"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="linkedin"><i class="fa fa-linkedin"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="dribbble"><i class="fa fa-dribbble"></i></a>
                            </li>
                        </ul>


                    </div>
                </div>
                <div class="col-md-3 col-lg-3">
                    <div class="team-wrapper wow fadeInRight">
                        <img src="assets/img/team-3.jpg" alt="">
                        <div class="team-info">
                            <h4>Chris Jones
                              <span>Creative Designer</span>
                              </h4>
                            <div class="spacer"></div>
                            <div>
                                <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec rutrum congue leo eget malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. Sed porttitor lectus nibh. Sed porttitor lectus nibh.</p>
                            </div>
                        </div>
                        <ul>
                            <li><a href="javascript:void(0)" class="twitter"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="facebook"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="linkedin"><i class="fa fa-linkedin"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="dribbble"><i class="fa fa-dribbble"></i></a>
                            </li>
                        </ul>


                    </div>
                </div>
                <div class="col-md-3 col-lg-3">
                    <div class="team-wrapper wow fadeInRight">
                        <img src="assets/img/team-4.jpg" alt="">
                        <div class="team-info">
                            <h4>Brian Johnson
                              <span>Lead Developer</span>
                              </h4>
                            <div class="spacer"></div>
                            <div>
                                <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec rutrum congue leo eget malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. Sed porttitor lectus nibh. Sed porttitor lectus nibh.</p>
                            </div>
                        </div>
                        <ul>
                            <li><a href="javascript:void(0)" class="twitter"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="facebook"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="linkedin"><i class="fa fa-linkedin"></i></a>
                            </li>
                            <li><a href="javascript:void(0)" class="dribbble"><i class="fa fa-dribbble"></i></a>
                            </li>
                        </ul>


                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Contact
    ================================================== -->
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12 text-center">
                    <header>
                        <h1>Contact Us</h1>
                        <div class="spacer"></div>
                        <p>Lorem ipsum dolor sit amet, id iusto oportere mel. </p>
                    </header>
                </div>
            </div>
            <div class="row">
                <div class="col-md-11 col-md-offset-1 col-sm-12 col-xs-12">
                    <div class="row">
                        <div class="col-sm-4 col-md-4 col-lg-4 text-center">
                            <div class="contact-info">
                                <i class="fa fa fa-envelope"></i>
                                <span>support@authenticgoods.co</span>
                            </div>
                        </div>
                        <div class="col-sm-4 col-md-4 col-lg-4 text-center">
                            <div class="contact-info">
                                <i class="fa fa fa-phone"></i>
                                <span>(800) 123-4567</span>
                            </div>
                        </div>
                        <div class="col-sm-4 col-md-4 col-lg-4 text-center">
                            <div class="contact-info">
                                <i class="fa fa-twitter"></i>
                                <span>@_authenticgoods</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <form class="contact-form">
                <div class="row">
                    <div class="col-md-5 col-md-offset-1 col-sm-12 col-xs-12">
                        <div class="row">
                            <div class="form-group">
                                <div class="col-md-12 col-sm-4 col-xs-12">
                                    <input type="text" class="form-control" name="name" value="" required="true" placeholder="Name">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-12 col-sm-4 col-xs-12">
                                    <input type="email" class="form-control" name="your-email" value="" required="true" placeholder="Email">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-12 col-sm-4 col-xs-12">
                                    <input type="text" class="form-control" name="your-subject" value="" required="true" placeholder="Subject">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-5 col-sm-12 col-xs-12">

                            <textarea class="form-control" name="your-message" cols="40" rows="8" placeholder="Message"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-11 col-sm-12 col-xs-12 text-right">
                            <input type="submit" value="Submit" class="btn btn-success">
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>

    <!-- Footer
    ================================================== -->
    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-4 col-sm-6 col-md-6 col-lg-6">
                    <p class="copy">NeuBoard &copy; 2015</p>
                </div>
                <div class="col-xs-8 col-sm-6 col-md-6 col-lg-6 text-right">
                    <span>Follow us on </span>  <a href="javascript:void(0)" class="social facebook"><i class="fa fa-facebook"></i></a> <a href="javascript:void(0)" class="social twitter"><i class="fa fa-twitter"></i></a>
                </div>
            </div>
    </footer>


    <!--Global JS-->
    <script src="assets/js/vendor/jquery-1.11.1.min.js"></script>
    <script src="assets/js/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/plugins/nav/jquery.nav.js"></script>
    <script src="assets/js/plugins/sticky/jquery.sticky.js"></script>
    <script src="assets/js/plugins/scrollTo/jquery.scrollTo.js"></script>
    <script src="assets/js/plugins/wow/wow.min.js"></script>
    <script src="assets/js/plugins/parallax/jquery.parallax-1.1.3.js"></script>
    <script src="assets/js/plugins/carousel/owl.carousel.js"></script>
    <script src="assets/js/src/app.js"></script>
</body>

</html>
